<div class="page toolbar-through no-toolbar" data-name="datasetting">
    <div class="navbar">
        <div class="navbar-inner sliding">
            <div class="left">
                <a href="#" class="link back">
                    <i class="icon icon-back"></i>
                    <span class="ios-only">Back</span>
                </a>
            </div>
        </div>
    </div>
    <div class="page-content">
        <div class="list">
            <ul>
                <li>
                    <a href="/about/" class="item-content item-link">
                        <div class="item-inner">
                            <div class="item-title">个人信息</div>
                        </div>
                    </a>
                </li>
                <li>
                    <div class="item-inner">
                        <span style="margin-left: 15px">仅在WiFi下播放视频</span>
                        <label class="toggle toggle-init color-red" style="float: right">
                            <input type="checkbox" checked>
                            <span class="toggle-icon"></span>
                        </label>
                    </div>
                </li>
                <li>
                    <a href="/about/" class="item-content item-link">
                        <div class="item-inner">
                            <div class="item-title">清除缓存</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="item-link smart-select smart-select-init" data-open-in="popup" id="themeCol">
                        <select name="themecolor" id="mySelect">
                            <option value="dark">猥琐蓝</option>
                            <option value="pink">脑残粉</option>
                            <option value="purple">基佬紫</option>
                            <option value="orange" selected>逗逼橙</option>
                            <option value="dark">非酋黑</option>
                        </select>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title">选择主题色</div>
                            </div>
                        </div>
                    </a>
                </li>
				<li>
					<a class="item-link" href="#" onclick="theme()">应用主题</a>
				</li>
            </ul>
        </div>
    </div>
</div>
<script>
	function theme() {
		var themeCol = document.getElementById('mySelect')
		var app = document.getElementById('app');
		if (themeCol == 'blue') {
			app.className = 'color-theme-blue framework7-root';
		} else if (themeCol == 'orange') {
			app.className = 'color-theme-orange framework7-root';
		} else if (themeCol == 'dark') {
			app.className = 'color-theme-black theme-dark framework7-root';
		} else if (themeCol == 'purple') {
			app.className = 'color-theme-pink framework7-root';
		} else if (themeCol == 'pink') {
			app.className = 'color-theme-pink framework7-root';
		} else if (themeCol == 'gray') {
			app.className = 'color-theme-gray framework7-root';
		}
	}
</script>

